<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title th:text="${session.settingModel.siteName}+后台管理">layout 后台大布局 - Layui</title>
    <link rel="stylesheet" href="/layui/css/layui.css">
</head>
<body class="layui-layout-body">
<div class="layui-layout layui-layout-admin">
    <!--引入 头部片段-->
    <div  th:replace="admin/common/back_common :: header"></div>

    <!--引入 左侧导航片段-->
    <div  th:replace="admin/common/back_common :: left"></div>

    <div class="layui-body">
        <!-- 内容主体区域 -->
        <!-- 查询条件开始-->

        <form class="layui-form">
            <blockquote class="layui-elem-quote quoteBox">
                <form class="layui-form" >
                    <div class="layui-form-item">
                        <div class="layui-inline">
                            <label class="layui-form-label">昵称</label>
                            <div class="layui-input-inline">
                                <input type="text" name="nickName" id="nickName" class="layui-input searchVal" placeholder="请输入昵称" />
                            </div>
                        </div>
                        <div class="layui-inline">
                            <label class="layui-form-label">用户名</label>
                            <div class="layui-input-inline">
                                <input type="text" name="userName" id="userName" class="layui-input searchVal" placeholder="请输入用户名" />
                            </div>
                        </div>
                    <div class="layui-inline">
                        <label class="layui-form-label">状态</label>
                        <div class="layui-input-inline">
                            <select name="isLocked">
                                <option value="">请选择状态</option>
                                <option value="1">未锁定</option>
                                <option value="2">已锁定</option>
                            </select>
                        </div>
                    </div>
                        <div class="layui-inline">
                            <label class="layui-form-label">开始时间</label>
                            <div class="layui-input-inline">
                                <input type="text" name="startTime" id="startTime" class="layui-input searchVal" placeholder="开始时间" />
                            </div>
                        </div>
                        <div class="layui-inline">
                            <label class="layui-form-label">结束时间</label>
                            <div class="layui-input-inline">
                                <input type="text" name="endTime" id="endTime" class="layui-input searchVal" placeholder="结束时间" />
                            </div>
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <div class="layui-input-block" style="text-align: center;">
                            <button type="button" class="layui-btn" lay-submit="" lay-filter="doSearch"><span class="layui-icon layui-icon-search"></span>查询</button>
                            <button type="reset" class="layui-btn layui-btn-warm"><span class="layui-icon layui-icon-refresh-1"></span>重置</button>
                        </div>
                    </div>
                </form>
            </blockquote>
        </form>
        <!-- 查询条件结束-->

        <!-- 数据表格开始 -->
        <div>
            <table class="layui-hide" id="mallUserTable" lay-filter="mallUserTable"></table>
            <!-- 工具栏 -->
            <div id="mallUserToolBar" style="display: none;">
                <button type="button" lay-event="batchLockedtrue" class="layui-btn layui-btn-sm"><span class="layui-icon  layui-icon-edit"></span>批量锁定</button>
                <button type="button" lay-event="batchLockedfalse" class="layui-btn layui-btn-sm"><span class="layui-icon  layui-icon-edit"></span>批量解锁</button>
            </div>

            <div id="mallUserRowBar" style="display: none;">
            </div>
        </div>
        <!-- 数据表格结束 -->


    </div>




    <!--引入   底部固定区域 -->
    <div  th:replace="admin/common/back_common :: footer"></div>
</div>

<script type="text/html" id="checkboxTpl">
    <!-- 这里的 checked 的状态只是演示 -->
    <input type="checkbox" name="islocked" value="{{d.id}}" lay-skin="switch" lay-text="已锁定|未锁定" lay-filter="lockedDemo" {{ d.isLocked == 2 ? 'checked' : '' }}>
</script>

<script src="/layui/layui.js"></script>
<script type="text/javascript" th:src="@{/js/admin/user.js}"></script>
</body>
</html>